<template>
  <van-dropdown-item :title="title">
    <van-picker
      show-toolbar
      toolbar-position="bottom"
      value-key="label"
      :columns="conditions"
      @confirm="onConfirm"
      @cancel="onCancel"
    >
    <template #confirm>
        <span class="mySubmit">确定</span>
      </template>
      <template #cancel>
        <span>取消</span>
      </template>
    </van-picker>
  </van-dropdown-item>
</template>

<script>
export default {
  props:{
    title:String,
    conditions:Array,
  },
  data(){
    return {
      
    }
  },
  methods:{
    onConfirm(){},
    onCancel(){},
  }
};
</script>

<style lang="less" scoped>
  ::v-deep .van-picker__cancel {
    width: 40%;
    span {
      font-size: 16px;
      color: #2eb97b;
    }
  }

  ::v-deep .van-picker__confirm {
    width: 60%;;
    background-color: #2eb97b;
    span {
      font-size: 16px;
      color: #fff;
    }
  }
</style>
